<div [ngSwitch]="this._jsonConfig.mode">
  <!-- 折叠面板 -->
  <div *ngSwitchCase="'fold'">
    <ul>
      <!-- 第一行 -->
      <li>
        <div class="flex-box">
          <div style="width: 25px; height: 25px;">
            <!-- _jsonMeta.isactive = !_jsonMeta.isactive; -->
            <div class="arrow-container" *ngIf="_jsonMeta.type == 'array' || _jsonMeta.type == 'object'" (click)="_toggleTemp($event, _jsonMeta.value)"></div>
          </div>
          <div class="flex_1">
            <span *ngIf="_jsonMeta.type == 'array' || _jsonMeta.type == 'object'">{{_jsonMeta.type}}</span>
            <span *ngIf="_jsonMeta.type == 'number'">
              <span style="color: red;">{{_jsonMeta.value}}</span>
            </span>
            <span *ngIf="_jsonMeta.type == 'string'">
              <span style="color: green;">"{{_jsonMeta.value}}"</span>
            </span>
            <span *ngIf="_jsonMeta.type == 'null'">
              <span style="color: #bfbfbf;">"{{_jsonMeta.value}}"</span>
            </span>
            <span *ngIf="_jsonMeta.type == 'boolean'">
              <span style="color: orange;">"{{_jsonMeta.value}}"</span>
            </span>
            &nbsp;&nbsp;
            <span *ngIf="_jsonMeta.type == 'array'">[&nbsp;{{_jsonMeta.length}}&nbsp;]</span>
            <span *ngIf="_jsonMeta.type == 'object'">&#123;&nbsp;{{_jsonMeta.length}}&nbsp;&#125;</span>

            <!-- <ul *ngIf="_jsonMeta.isactive" style="margin-top: 10px;">
                  <li class="flex-box" *ngFor="let k of _jsonMeta.value">
                    <div style="width: 25px; height: 25px;">
                      <div class="arrow-container" *ngIf="k.type == 'array' || k.type == 'object'" (click)="k.isactive = !k.isactive;">
                        <div class="arrow" [class.arrow-rotate]="k.isactive"></div>
                      </div>
                    </div>
                    <div>{{k.key}}&nbsp;&nbsp;:&nbsp;&nbsp;</div>
                    <div class="flex_1">
                      <span *ngIf="k.type == 'array' || k.type == 'object'">{{k.type}}</span>
                      <span *ngIf="k.type == 'number'">
                        <span style="color: red;">{{k.value}}</span>
                      </span>
                      <span *ngIf="k.type == 'string'">
                        <span style="color: green;">"{{k.value}}"</span>
                      </span>
                      <span *ngIf="k.type == 'null'">
                        <span style="color: #bfbfbf;">{{k.value}}</span>
                      </span>
                      &nbsp;&nbsp;
                      <span *ngIf="k.type == 'array'">[&nbsp;{{k.length}}&nbsp;]</span>
                      <span *ngIf="k.type == 'object'">&#123;&nbsp;{{k.length}}&nbsp;&#125;</span>
                    </div>
                  </li>
                </ul> -->

          </div>
        </div>
      </li>
    </ul>
  </div>
  <!-- 字符形式 -->
  <div *ngSwitchCase="'view'">
    <div highlight="all">
      <pre><code [textContent]="_jsonStr"></code></pre>
    </div>
  </div>
</div>